<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人存款计算</title>
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

</head>
<body>
<div class="container text-center">
    <img src="cmb.png">
    <table class="table table-bordered">
        <tr>
            <td class="bg-success">存款本金</td>
            <td>
                <input class="form-control" type="text">
            </td>
        </tr>
        <tr>
            <td class="bg-success">存款期限</td>
            <td>
                <select class="form-control">
                    <option>一年</option>
                    <option>二年</option>
                    <option>三年</option>
                    <option>五年</option>
                </select>
            </td>
        </tr>
        <tr>
            <td class="bg-success">所得利息</td>
            <td></td>
        </tr>
        <tr>
            <td class="bg-success">本息合计</td>
            <td></td>
        </tr>
    </table>
</div>
</body>
</html>